<!DOCTYPE html>
<html>
<head>
	<title>htracr</title>
	<link rel="stylesheet" type="text/css" href="/jquery-ui-style">
	<link rel="stylesheet" type="text/css" href="/htracr-style">
</head>
<body>

<div id="panel">
	<div id="msg"></div>
</div>
<div id="labels"></div>
<div id="paper"></div>

<script src="/raphael"></script>
<script src="/g.raphael"></script>
<script src="/jquery"></script>
<script src="/jquery-ui"></script>
<script src="/htracr-ui"></script>
<script src="/htracr-data"></script>
<script src="/htracr-comm"></script>

<form action="/upload" method="POST" enctype="multipart/form-data" id="upload">
<div id="control">
  <input id="start" type="submit" value="start" onclick="return htracr.comm.start_capture();" title="start capturing">
  <input id="stop" type="submit" value="stop" onclick="return htracr.comm.stop_capture();" title="stop capture">
  <input id="show-upload" type="submit" onclick="return false;" value="load pcap">
  <input id="filename" type="file" name="pcap" size="0">
  <br>
	<div id="zoom" title="slide to change the time scale"></div>
	<br>
	<div id="features">
		<span id="refs" class="toggle on" title="show or hide referers"> referers </span>
		<span id="redirs" class="toggle on" title="show or hide redirects"> redirects </span>
		<span id="acks" class="toggle on" title="show or hide ack-only packets"> acks </span>
	</div>
</div>
</form>

</body>
</html>